.content {
    width: 1000px;
    margin: 40px auto;
    height: 330px;
    /*border: 1px solid red;*/

}

.home-left {
    width: 58%;
    border: 1px solid gray;
    height: 330px;
    /*height: 450px;*/
    /*float: left;*/
    /*background-color: blue;*/
}

.home-right {
    height: 330px;
    width: 40%;
    /*height: 450px;*/
    /*float: right;!*为了使左右两边中间有一个空格，那么我们左右宽度也不能设置为100%，这里将左边宽度设置小一点，然后右边浮动为right*!*/
    border: 1px solid gray;
    /*background-color: green;*/
}

.home-title {
    color: #e69137;
    font-size: 30px;
    border: gray 1px solid;
    padding: 20px;
}



/*教新动态新闻展示宽度*/
.home-news-content {
    width: 260px;
    line-height: 30px;
    font-size: 20px;

}

.home-news-content > div {
    border-bottom: gray dashed 1px;
}

/*设置home-content的第一层div*/
.home-content > div {
    padding: 20px 10px;

}

/* 单行溢出：   1.不能换行2.多余的隐藏3.多余的用...代替*/
.home-news-content h5 {
    /*white-space: nowrap;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
}

.overFlow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*  多行溢出：  1.不能换行2.多余的隐藏3.多余的用...代替4.只能显示多少行*/
.home-news-content p {
    color: gray;
    /*white-space: nowrap;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*display: -webkit-box;*/
    /*-webkit-line-clamp: 4;*/
    /*-webkit-box-orient: vertical;*/

}

/*产品展示*/
.home-product > div {
    width: 45%;
}

.home-product img {
    width: 170px;
    height: 170px;
}
.home-product>div{
    padding: 10px;
}